<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{:C('sitename')}-充值记录</title>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <!-- <link href="__PUBLIC__/Admin/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet"> -->
    <!-- <link href="__PUBLIC__/Admin/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet"> -->
    <link href="__PUBLIC__/Admin/css/animate.min.css" rel="stylesheet">
    <!-- <link href="__PUBLIC__/Admin/css/style.min862f.css?v=4.1.0" rel="stylesheet"> -->
    <!-- <link href="__PUBLIC__/Home/css/page.css" rel="stylesheet"> -->
    <script src="__PUBLIC__/Home/js/flexible.js"></script>
</head>
<style type="text/css">
    /* body{
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow-y: scroll;
    }

    .facesj{
        display: inline-block;
        background-color: #1fa1dc;
        width: 60px;
        height: 32px;
        line-height: 32px;
        border-radius: 3px;
        text-align: center;
        font-size: 14px;
        margin-top:6px;
        border: 1px solid #1fa1dc;
        color: #FFF;
        margin-left:10px;
    } */
    /* .alipay_choose,.bank_choose{display: none} */
    /*.loginscreen{padding:40px 20px;}*/
    /* .header .ptitle{height:45px;line-height: 45px} */
    /*分页样式*/
    /* .pages a,.pages span {
        display:inline-block;
        padding:4px 7px;
        margin:0 2px;
        border:1px solid #D5D4D4;
        -webkit-border-radius:1px;
        -moz-border-radius:1px;
        border-radius:1px;
    }
    .pages a,.pages li {
        display:inline-block;
        list-style: none;
        text-decoration:none; color:#3399ff;
    }

    .pages a:hover{
        border-color:#3399ff;
    }
    .pages span.current{
        background:#3399ff;
        color:#FFF;
        font-weight:700;
        border-color:#3399ff;
    }
    .pages{
        text-align: center;
    } */
    /*分页样式*/
    /*
            .layui-layer{
                top:48px !important;
            } */

    html, body {
        padding: 0;
        margin: 0;
        border: none;
        background-color: #f6f6f6;
    }

    footer {
        width: 10rem;
        height: 1.33rem;
        left: 50%;
        transform: translate(-50%);
        background-color: #131314;
        position: fixed;
        bottom: 0;
        z-index: 1111;
        display: flex;
        justify-content: space-around;
        box-sizing: border-box;
        padding: 5px 0;
    }

    footer a {
        color: #fff98d;
        display: block;
        text-align: center;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
        font-size: 0.246rem;
    }

    footer a p {
        color: #fff98d;
        margin: 0 !important;
    }

    footer a img {
        width: 0.72rem;
        height: 0.653rem;
    }

    p {
        margin: 0;
    }

    .total_fen {
        width: 10rem;
        margin: 0 auto;
        font-size: 0.64rem;
        text-align: center;
        height: 2.13rem;
        line-height: 2.13rem;
        color: red;
    }

    .detail-info {
        width: 10rem;
        margin: 0 auto;
        height: 1.653rem;
        background-color: white;
    }

    .detail-info img {
        width: 0.826rem;
        height: 0.853rem;
        float: left;
        margin: 0.45rem 0.226rem;
    }

    .info-left {
        float: left;
        text-align: left;
        margin-top: 0.25rem;
    }

    .info-right {
        float: right;
        text-align: right;
        margin-top: 0.25rem;
        margin-right: 0.226rem;
    }

    .p-top {
        font-size: 0.293rem;
        color: #999999;
        margin-bottom: 0.2rem;
    }

    .p-bottom {
        font-size: 0.426rem;
        margin-bottom: 0.2rem;
    }

    .clear {
        clear: both;
        width: 0;
        height: 0;
    }

    .line {
        width: 10rem;
        height: 0.2rem;
        margin: 0 auto;
    }

    .black_overlay4 {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 100111;
        -moz-opacity: 0.8;
        opacity: .80;
        filter: alpha(opacity=88);
    }

    .white_content4 {
        display: none;
        position: absolute;
        top: 35%;
        /* left: 25%; */
        bottom: 0;
        width: 10rem;
        height: 14.33rem;
        /* padding: 20px; */
        /* border: 10px solid orange; */
        background-color: #262626;
        z-index: 100211;
        /* overflow: auto; */
        border-top: 2px solid #ffe668;
    }

    .close4 {
        display: none;
        width: 0.88rem;
        height: 2.09rem;
        position: absolute;
        top: 24%;
        left: 50%;
        bottom: 13.24rem;
        z-index: 111111;
        transform: translate(-0.44rem);
    }

    #light4 > p {
        width: 10rem;
        margin: 0;
        height: 1.06rem;
        border-bottom: 1px solid #67603a;
        text-align: center;
        line-height: 1.06rem;
        font-size: 0.546rem;
        color: #ffe668;
    }

    header {
        width: 100%;
        height: 2.4rem;
        font-size: 0.346rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        left: 0;
        bottom: 0;
    }

    nav {
        width: 218px;
        height: 38px;
        background-color: #08c261;
        border-radius: 5px;
    }

    header nav a {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 38px;
        display: block;
        color: #fff;
        font-size: 0.4rem;
        text-decoration: none;
        /* position: absolute; */
        /* left: 0.3rem; */
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }
</style>
<body>
<!-- <div class="header">
  <div class="all_w ">
    <div class="gofh"> <a href="javascript:history.back()"><img src="/Public/Home/img/jt_03.jpg"></a> </div>
    <div class="ptitle">
      充值记录
        <a href="/" class="backgame">返回游戏</a>
    </div>
  </div>
</div> -->
<!-- <div class=" text-center loginscreen  animated fadeInDown">
    <table class="table table-striped table-hover table-bordered" style="width:auto;overflow:auto;display:inline-block;">
        <thead>
            <tr>
                <th>ID</th>
                <th>用户名</th>
                <th>上分</th>
                <th>时间</th>
            </tr>
        </thead>
        <tbody>
            <volist name="list" id="vo">
                <tr>
                    <td width="60">{$vo.id}</td>
                    <td width="100">{$vo.nickname}</td>
                    <td width="100">{$vo.points}</td>
                    <td width="150">{$vo.time|date="Y-m-d H:i:s",###}</td>
                </tr>
            </volist>
        </tbody>
    </table>
</div>
<div class="pages">
        {$show}
    </div>
    <div>
        <span>总上分：<font color="red">{$count['sum_points']}</font></span>&nbsp;

    </div> -->

<div class="total_fen">
    <span>Total score：<font color="red">{$count['sum_points']}</font></span>&nbsp;
</div>
<div class=" text-center loginscreen  animated fadeInDown" style="margin-bottom:1.4rem;">
    <volist name="list" id="vo">
        <div class="detail-info">
            <img src="__PUBLIC__/Home/img/xiafen.png" alt="">
            <div class="info-left">
                <p class="p-top">ID：{$vo.id}</p>
                <p class="p-bottom">{$vo.nickname}</p>
            </div>
            <div class="info-right">
                <p class="p-top">{$vo.time|date="Y-m-d H:i:s",###}</p>
                <p class="p-bottom">Top score：{$vo.points}</p>
            </div>
            <div class="clear"></div>
        </div>

        <div class="line"></div>
    </volist>
</div>
<!-- <footer>
        <a href=" /Home/Run/index"><img src="__PUBLIC__/Home/img/11.png" alt="">
            <p>主页</p>
        </a>
        <a href=" {:U('Home/Run/active')}"><img src="__PUBLIC__/Home/img/12.png" alt="">
            <p>优惠活动</p>
        </a>
        <a href=" {:U('Home/User/index')}"><img src="__PUBLIC__/Home/img/13.png" alt="" >
            <p>个人中心</p>
        </a>
        <a href="#"  onclick ="openKefu()"><img src="__PUBLIC__/Home/img/14.png" alt="" >
            <p>在线客服</p>
        </a>
    </footer>
    <a href = "javascript:void(0)" onclick = "closeKefu()"><img src="__PUBLIC__/Home/img/close.png" alt=""  id="close4" class="close4">
    </a>
            <div id="light4" class="white_content4">
                <p>在线客服</p>
       <img src="__PUBLIC__/Home/img/kefu1.jpg" alt="" style="display:block;width:6.33rem;height:8.26rem;margin:0.3rem auto;">
               </div>
            <div id="fade4" class="black_overlay4"></div> -->
<header>
    <nav>
        <a href="/Home/User/index">return</a>
    </nav>
</header>
<script>

    function openKefu() {
        document.getElementById('light4').style.display = 'block';
        document.getElementById('fade4').style.display = 'block';
        document.getElementById('close4').style.display = 'block';
    }

    function closeKefu() {
        document.getElementById('light4').style.display = 'none';
        document.getElementById('fade4').style.display = 'none';
        document.getElementById('close4').style.display = 'none';
    }
</script>
</body>

</html>